import React from 'react'
import ColorBar from './ColorBar'
import "./StyleLinear.css"

function StyleLinear(props) {
    const colorslen = props.styleObj.colors.length;
    return (
        <>
          <div>波段{props.styleObj.bands[0]+1}</div>
          <div className="StyleLinearColorBarContainer" >
            <ColorBar styleObj={props.styleObj} />
          </div>
          <div className="StyleLinearColorBarLabelsContainer">
            <span>{props.styleObj.colors[0].lbl}</span>
            <span>{props.styleObj.colors[colorslen-1].lbl}</span>
          </div>
        </>
    )
}

export default StyleLinear
